<template>
  <!-- <el-form ref="goodInfoForm" :model="goodInfoForm" :rules="goodInfoFormRules"> -->
  <div>
    <el-form-item label="商品名称" prop="goods_name">
      <el-input v-model="goodInfoForm.goods_name"></el-input>
    </el-form-item>
    <el-form-item label="商品价格" prop="goods_price">
      <el-input v-model.number="goodInfoForm.goods_price"></el-input>
    </el-form-item>
    <el-form-item label="商品重量" prop="goods_weight">
      <el-input v-model.number="goodInfoForm.goods_weight"></el-input>
    </el-form-item>
    <el-form-item label="商品数量" prop="goods_number">
      <el-input v-model.number="goodInfoForm.goods_number"></el-input>
    </el-form-item>
    <el-form-item label="商品分类" prop="goods_cat">
      <el-cascader :options="cateList" :props="cascaderProps" v-model="goodInfoForm.goods_cat"
        @change="$emit('cascaderChange')">
      </el-cascader>
    </el-form-item>
  </div>
  <!-- </el-form> -->
</template>

<script>
export default {
  data() {
    return {}
  },
  props: {
    goodInfoForm: {
      type: Object
    },
    cateList: {
      type: Array
    },
    cascaderProps: {
      type: Object
    }
  },
  created() {},

  methods: {}
}
</script>

<style scoped lang='less'>
</style>
